
.w1200{
	width: 1200px;
	margin: 0 auto;
}
*{
	padding:0;
	margin: 0
}
header .head ul li.on a{
	color: #d0a966
}
.contact h2{
	font-size: 24px;
	color: #333;
	line-height: 42px;
	border-bottom: 1px solid #e6e6e6;
	position: relative;
}
.contact h2 b{
	position: absolute;
	display: block;
	bottom:0;
	*bottom:6px;
	left: 0;
	width: 15px;
	height: 3px;
	background: #333333
}
.contact-cb{
	padding-top: 43px;
	padding-bottom:55px;
}
.contact-left{
	/* width: 350px;*/
	width: 500px;
}
.contact-left p{
	padding-left: 59px;
	font-size: 16px;
	color: #666;
	height: 44px;
	line-height: 44px
}
.contact-left p.bg0{
	background:url(../img1/img_1.png) no-repeat left center; 
}
.contact-left p.bg1{
	background:url(../img1/img_2.png) no-repeat left center; 
}
.contact-right {
	/* width: 400px  */
	width: 700px	
}
.contact-right .contact-img{
	float: right;
	text-align: center;
	margin-left: 8px
}
.contact-right .contact-img p{
	font-size: 14px;
	color: #666;
	line-height: 20px;
	padding-top: 10px;
}
.line{
	width: 100%;
	overflow: hidden;
	height: 2px;
	background:#f1eff2 
}
.work{
	width: 100%;
	height: 100%;
	position: relative;
	background: #f3f3f5
}
.revolve{
	padding-top: 60px;
	padding-bottom: 80px
}
.revolve .scroll{
	height: 430px;
    overflow: hidden;
    text-align: center;
    position: relative;
}
.revolve li{
	position: absolute;
    background: #fff;
    padding: 4px;

    overflow: hidden;
}
.revolve li img{
	margin: 0;
    max-width: 100%;
    background: #fff;
}
.revolve .prev{
	background: url(../img1/img_6.png ) no-repeat left center;
	width: 78px;
	height:86px;
	position: relative;
	float: left;
	margin-left: 80px;
	cursor: pointer;
	transition: all 0.3s;
}
.revolve .prev:hover{
	background: url(../img1/img_8.png) no-repeat left center;
	transition: all 0.3s;
}
.revolve .next{
	background: url(../img1/img_7.png ) no-repeat left center;
	width: 78px;
	height:86px;
	position: relative;
	float: right;
	cursor: pointer;
	transition: all 0.3s;
	right:70px;
}
.revolve .next:hover{
	background: url(../img1/img_9.png) no-repeat left center;
	transition: all 0.3s;
}
.revolve .tips{
	width: 750px;
	height: 86px;
	background: #fff;
	left:69px;
	font-size: 16px;
	color: #666;
	text-align: center;
	line-height: 86px;
	overflow: hidden;
	position: relative;
}
/*job*/
.job{
	padding: 20px 0
}
.job-top{
	background: #d0a966;
	height: 54px;
	line-height: 54px;
}
.job-top p{
	float: left;
	font-size: 14px;
	color: #fff;
	padding-left: 39px;
	width: 212px;
}
.job{
	background: #fff;
}
.job-list li{
	width: 93%;
    float: left;
    margin: 0 43px 0 39px;
    border-bottom: 1px solid #dedddd;
    cursor: pointer;
	

}
.job-list li .job-title{
	height: 62px;
    line-height: 62px;
    color: #333333;
    font-size: 20px;
    transition: all 0.3s;
}
.job-list li .job-title span{
	display: block;
    text-align: center;
    color: #d0a966;
    font-size: 14px;
    cursor: pointer;
    padding-right: 20px;
}
 .job-list li.on .job-p{
	background: url(../img1/img_10.png) no-repeat 20px bottom ;
    background-size: 12px 6px
}
.job-p p{
	float: left;
	font-size: 14px;
	color: #777;
	width: 250px;
}
.job-p p.zuo{
	padding-left: 20px;
	width: 230px;
}
.job-p p.you{
	padding-right: 20px;
	width: 230px;
}
.job-info{
    display: none;
}
.job-info .job-info-txt{
    padding-top: 30px;
    padding-left: 36px;
    padding-right: 45px;
    width: 1035px;
    background: #f5f5f5;
    padding-bottom: 30px;
}
.job-list li.on{
	border:none;
}
.job-list li .job-title:hover{
	background: #d0a966;
	transition: all 0.3s;

}
.job-list li .job-title:hover .job-p p{
	color: #fff
}
.job-list li .job-title:hover  span{
	color: #fff
}
.job-info-txt dl{
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 25px;
}
.job-info-txt dd{
	float: left;
	width: 230px;
	display: block;
	font-size: 12px;
	color: #666;
	line-height: 20px;
	padding-bottom: 10px;
}
.job-info-txt dd span{
	display: inline-block;
	padding-right: 22px
}
.job-info-txt div.f-cb{
	border-bottom:  1px solid #e5e5e5;
	padding-bottom: 42px
}
.job-left{
	width: 490px
}
.job-left h2{
	font-size: 18px;
	color: #333;
	line-height: 30px;
	padding-bottom: 8px;
	padding-top: 20px
}
.job-left p{
	font-size: 12px;
	color: #777;
	line-height: 26px
}
.apply{
	width: 151px;
	height: 41px;
	background: #d0a966;
	display: block;
	font-size: 16px;
	color: #fff;
	line-height: 38px;
	text-align: center;
	transition: all 0.3s;
	margin-top: 27px
} 
.apply:hover{
	background: #fff;
	color: #d0a966;
	transition: all 0.3s;
}
.job-bt{
	padding:20px  0 50px 0;
}
.job-bt-cb{
	text-align: center;
	background: #fff
}
.job-bt-cb a{
	line-height: 60px;
	font-size: 14px;
	color: #666
}
.job-bt-cb a:hover{
	color: #d0a966
}
.job-bt-cb{
	padding: 0 62px  0 69px;
	
}
.bt-page {
	text-align: center;
	position: relative;
	left: 50%;
	padding: 13px 0;
}
.bt-page a{
	display: block;
	/*width: 35px;*/
	height: 35px;
	text-align: center;
	line-height: 35px;
	float: left;
	font-size: 14px;
	color: #666
}
.bt-page a:hover,.bt-page a.active{
	background: #d0a966;
	color: #fff;
}
.applay-tb {
    border:0;
    border-width: 0 0 1px 1px;
}
.applay-tb tr td {
    padding: 8px 6px;
    border:0;
    border-width:1px 1px 0 0;
    font-size: 14px;
    min-width: 75px
}
.apply-top{
	padding-top: 50px;
    padding-bottom: 50px;
}
.applay-tb{
    width: 1100px;
    margin: 0 auto;
    
}
.applay-tb .spred {
    font-size: 18px;
    font-family: Arial;
    color:#F00;
    margin-left: 12px;
}
.applay-tb .applay-input{
    width: 180px;
    height: 18px;
    padding: 8px 10px;
    line-height: 18px;
    color: #666;
    border: 1px solid #dddddd;
    box-shadow: 2px 2px 2px #f4f4f4 inset;
    background: #fff;
    font-size: 14px;
}
.applay-tb select.applay-input{
    height: 34px;
    width: 200px;
}
.applay-tb textarea.applay-input{
    width: 918px;
    height: 100px;
}
.applay-tb .applay-input.code{
    width: 90px;
    margin-right: 8px;
}
.applay-tb .submit{
    width: 150px;
    height: 35px;
    background: #d0a966;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    border:none;
}
.applay-tb .error {
    border-color: #D70128;
}
button, input, select, textarea{
    -webkit-appearance: none;
}
.join{
	padding:177px 0 66px 0 
}
.join li{
	width:512px;
	margin-top: -100px

}
.join-div{
	width: 373px;
}
.join-div h3{
	font-size: 16px;
	color: #999;
	line-height: 16px;
}
.join-div h2{
	font-size: 18px;
	color: #333;
	line-height: 40px;
}
.join-div p{
	font-size: 14px;
	color: #666;
	line-height: 26px;
	padding-bottom: 20px
}
.join li:hover h3{
	color: #d0a966
}
.join li.fl{
	background: url(../img1/img_12.png) no-repeat top right;
	padding-right: 104px
}
.join li.fr{
	background: url(../img1/img_12.png) no-repeat top left;
	padding-left: 104px
}
.join li.fl:hover{
	background: url(../img1/img_11.png) no-repeat top right;
	padding-right: 104px
}
.join li.fr:hover{
	background: url(../img1/img_11.png) no-repeat top left;
	padding-left: 104px
}
.load-more{
	padding-bottom: 66px
}
.load-more a{
	width: 120px;
	display: inline-block;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 18px;
	color: #fff;
	background: #d0a966;
	border-radius: 50px;
}
.load-more a:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
}
